<template>
              <div class="noPage">
                  <div class="no" v-if="login != 'true' ">您还没有登录哦</div>
                  <div class="no" v-else>您还没有玩过该模式哦</div>
                  <img src="./../assets/number/null.webp" alt="">
                  <div class="to" v-if="login != 'true' ">先去登录吧!</div>
                  <div class="to" v-else>快去挑战一下吧!</div>
              </div>
</template>

<style lang="scss" scoped>
          .noPage{
              padding: 30px 0px;
              img{
                  width: 90%;
              }
              div{
                  font-size: 20px;
              }
              .to{
                  font-size: 16px;
                  color: #999;
                  margin-top: 10px;
              }
          }
</style>
<script>
export default {
    data(){
        return{
            login : false,
        }
    },
    created(){
        this.login = localStorage.getItem('logining');
    }
}
</script>